a:hover{color:#ff552e}
.phone_login .layui-input-block{
    margin-left: 0;
}
.relative_tags .title{font-size:14px; line-height: 40px; color:#333;}
.relative_tags a{ padding:5px 8px; margin-right:10px; line-height:38px;white-space: nowrap; border-radius:3px;}
.relative_tags a:hover{ color:#ff552e;}
.bottom_tags{
    padding: 20px;
    background: #fff;
}
@font-face {
    font-family: "icons"; /* Project id 3257311 */
    src: url('/ui/icons/iconadd/iconfont.woff2?t=1653204630880') format('woff2'),
         url('/ui/icons/iconadd/iconfont.woff?t=1653204630880') format('woff'),
         url('/ui/icons/iconadd/iconfont.ttf?t=1653204630880') format('truetype'),
         url('/ui/icons/iconadd/iconfont.svg?t=1653204630880#iconfont') format('svg');
}
.icon-lianxikefu:before {
    content: "\e668";
}
.other_works .title{
    font-size:14px; line-height: 40px; color:#333;
}
.other_works img{
    width: 78px;margin:3px;height:100px
}
#demo2-1 {
    text-align: center;
}
#demo2-1 .layui-laypage-em{
    border-radius: 5px;
}
#demo2-1  a{
    margin-right: 9px;
    line-height: 38px;
    height: 38px;
    border-radius: 5px;
}
#demo2-1  span{
    margin-right: 9px;
    line-height: 38px;
    height: 38px;
    border-radius: 5px;
}
.topic_jianjie{
    font-size: 15px;
    color: #666;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    line-height: 26px;
    border: 1px solid #ddd;
}
.wx_kefuhover{
    position: relative;
}
.wx_kefu{
    display: none;
    position: absolute;
    right: 80px;
    top: 0px;
    width: 160px;
    padding: 10px;
    background: #fff;
    border-radius: 14px;
    text-align: center;
}
.wx_kefu img{
    width: 100%;
}
.wx_kefuhover:hover .wx_kefu{
    display: block;
}
.today_rm{
    font-size: 24px;
    letter-spacing: 5px;
    font-weight: normal;
    color: #666;
}
.today_rmlist:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.today_rmlist{
    margin-bottom: 30px;
    margin-top: 20px;
}
.today_rmlist li{
    float: left;
    line-height: 23px;
    margin-right: 25px;
    margin-top: 10px;

}
.today_rmlist li a{
    border: 1px solid #a0a0a0;
    display: inline-block;
    border-radius: 17px;
    padding: 0 10px;
    color: #333;
}
.today_rmlist li a:hover{
    border: 1px solid #ff552e;
    display: inline-block;
    border-radius: 17px;
    padding: 0 10px;
    color: #ff552e;
}
.tabslist .layui-tab-brief>.layui-tab-title .layui-this{
    color: #ff552e;
}
.tabslist .layui-tab-brief>.layui-tab-title .layui-this a{
    color: #ff552e;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom:2px solid #ff552e;
}
.tag_hotdown{
    text-align: center;
    color: #ff552e;
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 500;

}
.bottom_tags a{line-height:38px;white-space: nowrap; border-radius:3px;}
.bottom_tags a:hover{  color:#ff552e;}
.tag_nav li{
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}
.tag_nav a{
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}
.tag_list li{
    float: left;
    margin-right: 20px;
    line-height: 30px;
}
.tag_list li a:hover{color:#ff552e}
.tag_nav .select{color:#ff552e;}
#mobile_active{
    background: #fff;
}
.phonelogin_tit{
    height:auto;background:#fff;color:#999;
}
.phonelogin_tit{
    text-align: center;
    line-height: 32px;
    padding-top: 8px;
}
.phonelogin_tit h5{font-size:24px; color:#000;line-height: 60px;}
.phonelogin_box{
    padding:0 20px
}
.yzm_input,.phone_input{
    position: relative;
}
.yzm_input input,.phone_input input{
    padding-left: 36px;
}
#get_yzm{
    position: absolute;
    right:6px ;
    bottom:10px;
    color: #EE5235;
}
.register_button p{
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color:#fff;
    border-radius: 20px;
    text-align: center;
    background:#ee5235;
    cursor: pointer;
    background: linear-gradient(to right,#f88a65, #ee5235)
}
.pass_img,.phone_img{
    position: absolute;
    left:6px ;
    top:7px;
}
.three_login{
    float: right;
    margin-left: 20px
}
.phoneregister_input,.phonelogin_input{
    border-top:none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
}
.succ_msg{
    text-align: center!important;
    border: none!important;
    border-radius: 10px!important;
}
.succ_msg img{
    margin-top: 15px;
}
.succ_msg p{
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
}
/*活动界面样式  */
.actime {
    color: #fff;
    margin-top: 14%;
    font-size: 30px;
    font-family: STXinwei;
    font-weight: 400;
}

.card {
    width: 530px;
    height: 300px;
    margin: 0 auto;
    margin-top: 38%;
    position: relative;
    /* background:url("./card.png") no-repeat  center; */
}

.card>div {
    position: absolute;
    top: 0;
    width: 100%;
}

#paybtn {
    background: #02B4BB;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    width: 300px;
    border-radius: 30px;
    margin: 25px auto 0;
    color: #fff;
    line-height: 60px;
    cursor: pointer
}
.card_1p {
    color: #E3C484;
    padding-top: 40px;
}
.card_1p span {
    margin: 0 30px;
    font-size: 20px;
    font-family: STXinwei;
    font-weight: 400;
}
.card_2p,
.card_3p {
    color: #fff;
}
.change_pic{
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.prev_p{
    margin-right: 35px;
}
.change_pic a{
    display: inline-block;
    font-size: 18px;
    width: 152px;
    border: 1px solid #EE5235;
    line-height: 42px;
    color: #EE5235;
    text-align: center;
    margin-top: 20px;
    border-radius: 4px;
    cursor: pointer;

}
.touxiang_img{
    width: 80px;height:82px;border-radius:40px;border-radius: 40px;
}

#test1{
    position: absolute;top: 45px;left: 90px;z-index: 999;cursor: pointer;
}
#test2{
    position: absolute;top: 45px;left: 90px;z-index: 999;cursor: pointer;
}
.tx_change{
    height: 80px;width:80px;border-radius:40px;border:1px solid #ddd;text-align:center;line-height:80px;cursor:pointer;position:relative
}
.card_2p>span,
.card_3p>span {
    margin: 0 30px;
}

.card_2p {
    font-size: 21px;
    margin-top: 10px;
}

.card_3p {
    font-size: 16px;
}

.num {
    font-size: 69px;
    font-family: DIN Alternate;
}

.zanzhutip {
    margin-top: 50px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}

.pay_way {
    width: 81%;
    margin: 0 auto;
    margin-top: 30px;
}

.pay_way>div {
    width: 230px;
    height: 260px;
    border: 1px solid red;
}

.bg_img {
    width: 530px;
    position: relative;
}

.saoma .pay_method .scan_box {
    margin: 0;
    background: #fff;
    height: 265px;
    width: 230px
}

.scan_tit {
    margin-top: 5px
}

.scard {
    width: 80%;
    margin: 0 auto;
    margin-top: 155px;
    height: 240px;
}

.scard>div {
    width: 50%;
    position: relative;
}

.scard>div>div {
    position: absolute;
    top: 0;
    width: 100%;
}

.s_img {
    width: 360px;
    height: 233px
}

.saoma .pay_method .scan_box .scan_area {
    width: 200px;
    height: 200px
}

.down_tip {
    color: #B5B5B5;
    font-size: 16px
}

.liji_pay {
    background: #02B4BB;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    width: 240px;
    border-radius: 30px;
    margin: 25px auto 0;
    color: #fff;
    line-height: 60px;
    cursor: pointer
}

.pay_simg {
    position: absolute;
    top: 5px;
    left: 65px;
    width: 80px;
    display: none;
}

.pay_on {
    display: block;
}
.pay_tip_p{
    color: #02B4BB;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 52px;
}
.active_pay{
    border-radius: 20px!important;
}
.active_pay .layui-layer-content{
    height: 438px!important;
}
.active_pay .layui-layer-btn .layui-layer-btn0 {
    background: #dddd!important;
    width: 140px!important;
    color: #333!important;
    font-size: 20px!important;
    border-color: none!important;
    height: 40px!important;
    line-height: 40px!important;
    border: none!important;
}
#activitybody,#activitybody p{
    margin: 0;
    padding: 0;
    text-align: center;
}
#activitybody .activity_main .footer {
    position: absolute;
    bottom: 0;
}

#activitybody .bottom_tips {
    position: absolute;
    bottom: 19px;
    left: 300px;
}
#activitybody .bottom_tips p{
    text-align: left;
}
.activity_main_zp{
    background: url(/test/image/2025_newyear/bg.jpg) no-repeat;
    background-size: 1202px;
}
.activity_main_pay{
    background: url(/test/image/2025_newyear/bg2.jpg) no-repeat;
    background-size: 1202px;
}
.activity_main .footer{
    position: absolute;
    bottom: 0;
}
.activity_main{
    position: relative;
    /* height: 1400px; */
    width:1200px;
    margin: 0 auto;
}
/* 618活动 */
.activity_618{

}
.activity_618 .activity_page .activity_bg,.pay_bg{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.activity_618 .activity_page  .activity_bigdiv,.pay_bigdiv{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.activity_618 .activity{
    margin: -10px auto 0;position: relative;
    margin-top: -806px;
    width: 738px;
    background: #871A1D;
    border: 2px solid #FDF5E0;
    border-radius: 13px;
    z-index: 0;
    padding: 66px 10px 0 10px;
}
.activity_618 .activity div{
    width: 225px;
    margin-bottom: 20px;
    position: relative;
}
.activity_618 .activity div.small_div_num{
    position: absolute;
    padding-top: 20px;
    font-weight: bold;
    display: none;
}
.act_div{
    float: left;
    margin: 0 10px;
}
.zhuanpan_page .zhuanpan_bg,.pay_bg{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.zhuanpan_page  .zhuanpan_bigdiv,.pay_bigdiv{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.zhuanpan{
    width:438px;margin: 0 auto;position: relative;
}
.zhuanpan div{
    width: 225px;
    margin-bottom: 20px;
    position: relative;
}
.fanpai{
    width: 150px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 33px;
    font-weight: bold;
    cursor: pointer;
    background: #EDC07D;
    background: linear-gradient(#FFF7E8,#EDC07D);
    border-radius: 10px;
    color: #E80720;
    position: absolute;
    bottom: 56px;
    left: 50%;
    /* transform: translateX(-75px); */
    margin-left: -75px;
}
.zhizheng{
    width:120px;cursor: pointer;position: absolute;top: 50%;margin-top: -80px;left: 50%;margin-left: -60px;
}
.choujiang_btn{
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background: linear-gradient(#FFCE38,#FF921F);
    font-size: 23px;
    color: #fff;
    font-weight: bold;
    margin: 20px auto 20px;
    cursor: pointer;
}
.activity_tip{
    line-height: 30px;
}
.topic_div{
    width: 721px;
    margin-top: 5px;
    margin-left: 219px;
    margin-bottom: 20px;
}
.zhuanpan div.small_div_num{
    position: absolute;
    padding-top: 20px;
    font-weight: bold;
    display: none;
}
.yuandan_nump{
    color: #B65008;
    font-size: 31px;
    font-weight: bold;
}
.youhui_text{
    font-size: 21px;
    color: #B65008;
}
.youhui_tip{
    color:#B65008;
    font-size: 11px;
    margin-top: 30px;

}
.topic_div img{
    width: 81%;
}
.select_div .pay_div_on{
    /* border: 4px solid #3A089A; */
    border-radius: 5px;
    position: relative;
    background: #5003DB;
    color: #fff;

}
.div_69 img{
    width: 138px;
    height: 25px;
    top: -14px;
    left: -4px;
}
.div_69 span.tip_10{
    top: -11px;
    left: 8px;
    color: #fff;
    font-size: 12px;
}
.div_69{
    position: relative;
}
.div_69 img,.div_69 .tip_10{
    position: absolute;
}
.select_div div{
    width: 238px;
    height: 150px;
    background: #fff;
    box-sizing:border-box;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 10px;
    float: left;
    cursor: pointer;
}
.select_div{
    display: flex;
    /* justify-content: center; */
    font-size: 18px;
    padding-left: 210px;
}
.bg-icon1_s {
    display: inline-block;
    width: 24px; height: 22px;
    background: url('/img/css_sprites.png') -156px -52px;
}
.bg-icon1_n {
    display: inline-block;
    width: 24px; height: 22px;
    background: url('/img/css_sprites.png') -156px -10px;
}
.bg-icon2_n {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('/img/css_sprites.png') -56px -108px;
}
.bg-icon2_s {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('/img/css_sprites.png') -101px -108px;
}
.bg-icon3_n {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('/img/css_sprites.png') -60px -60px;
}
.bg-icon3_s {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('/img/css_sprites.png') -110px -10px;
}
.bg-icon4_n {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('/img/css_sprites.png') -110px -56px;
}
.bg-icon4_s {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('/img/css_sprites.png') -10px -108px;
}
.bg-icon5_n {
    display: inline-block;
    width: 30px; height: 28px;
    background: url('/img/css_sprites.png') -60px -10px;
}
.bg-icon5_s {
    display: inline-block;
    width: 30px; height: 28px;
    background: url('/img/css_sprites.png') -10px -60px;
}
.bg-hot {
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(/img/css_sprites.png) -10px -10px;
    margin-right: 8px;
    vertical-align: -4px;
}
.bg-download {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('/img/css_sprites.png') -156px -10px;
}
.right_actlogo{
    width: 150px;
    /* height: 150px; */
}
.pay_price{
    font-size: 48px;
    color: #5003DB;
}
.pay_div_on .pay_price{
    color:#fff;
}
.pay_line{
    height: 1px;
    border-top: 2px solid #ECECEC;
    margin-bottom: 18px;
    margin-top: 10px;
}
.pay_div_on .pay_line{
    height: 1px;
    border-top: 2px solid #fff;
    margin-bottom: 18px;
    margin-top: 10px;
}
#verifyImg{
    cursor: pointer;
}
.youhui_card{
    width: 212px;
    margin: 0px auto;
    position: relative;
}
.login_body .login_left {
    width: 50%;
    float: left;
    background: #FAFAFA;
    height: 700px;
    text-align: center;
    vertical-align: middle;
    padding-top: 113px;
    box-sizing: border-box;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
}
#emailLoginForm .layui-form-item{
    margin-bottom: 30px;
}
#emailLoginForm .layui-form-item .layui-input-inline{
    width: 300px;
}
.login_body .login_right {
    width: 49%;
    float: right;
    box-sizing: border-box;
    padding-top: 80px;
}
.login_body .login_tio_logo {
    background: #FFF7F4;
    padding: 30px;
}

.login_body .login_tit h5 {
    font-size: 33px;
    color: #000;
    margin-bottom: 20px;
}
.login_body .login_type{
    margin: 100px 0 120px 0;
}
.login_body .login_main a{
    color: #1C8AF1;
    margin: 0 30px;
}
.login_body .login_box{
    background: none;
}
.login_body .login_bottom{
    color: #1C8AF1;
    font-size: 15px;
    font-weight: bold;
}
.login_body .login_bottom a{
    color: #1C8AF1;
    margin: 0 0px;
    font-size: 15px;
}
.login_body .login_bottom{
    padding: 10px 85px;
}
#mobile_active .notclick {
    pointer-events: none !important;
}
#mobile_active .login_left {
    width: 50%;
    float: left;
    background: #FAFAFA;
    height: 700px;
    text-align: center;
    vertical-align: middle;
    padding-top: 113px;
    box-sizing: border-box;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
}

#mobile_active .login_right {
    width: 49%;
    float: right;
    box-sizing: border-box;
    padding: 80px 60px 0 60px;
    height: 700px;
}

#mobile_active .login_box {
    height: 700px;

}

#mobile_active .login_tio_logo {
    background: #FFF7F4;
    padding: 30px;
}

#mobile_active .phonelogin_box {
    padding: 0;
    width: 90%;
    margin: 0 auto;
}

#mobile_active .phonelogin_tit h5 {
    font-size: 33px;
    color: #000;
    margin-bottom: 20px;
    position: relative;
}
#mobile_active .phonelogin_tit h5 img{
    position: absolute;
    top: 17px;
    left: 10px;
}
#mobile_active .layui-form-item{
    margin-bottom: 30px;
}
#mobile_active .register_button p{
    margin-top: 60px;
}
.youhui_card img{
    width: 100%;
}
.yh_pay_price{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0 10px 0;
}
.youhui_price{
    color: #FFFFFF;
    font-size: 19px;
    position: absolute;
    top: 20px;
    left: 65px;
}
.youxiao_time{
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 60px;
    left: 53px;
}
.saoma .pay_method .scan_box {
    margin: 0;
    background: #fff;
    height: 180px;
    width: 156px;
}
.saoma .pay_method .scan_box .scan_area{
    width: 135px;
    height: 135px;
}
.saoma .pay_method .scan_box .scan_tit{
    padding: 0;
    line-height: 24px;
}
.saoma .pay_method .scan_box .scan_area{
    margin: 9px auto 0;
}
.saoma .scan_box{
    border-radius: 6px;
}
.bottom_tips{
    text-align: left;
    width:600px;
    margin: 0 auto;
    margin-top: 53px;
}
.bottom_tips p{
    text-align: left;
    color:#fff;
    line-height: 24px;
}
.zp_bg{
    /* transition: all 4s; */
}
.choujiang_layer{

}
.mask_bigdiv,.downmask_bigdiv{
    position: fixed;
    width: 100%;
    background-color:rgba(0,0,0,0.6);
    top: 0;
    height: 100%;
    display: none;
}
.mask_bigdiv .mask_sdiv,.downmask_bigdiv .mask_sdiv{
    width: 520px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    top: 45%;
    margin-top: -200px;
    text-align: center;
}
.mask_bigdiv .mask_sdiv p,.downmask_bigdiv .mask_sdiv p{
    width: 100%;
}
.mask_bigdiv .mask_price,.downmask_bigdiv .mask_price{
    position: absolute;
    font-size: 45px;
    color: #FF0200;
    font-weight: bold;
    text-align: center;
    top: 170px;
}
.mask_bigdiv .mask_tip,.downmask_bigdiv .mask_tip{
    position: absolute;
    color: #333333;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    top: 241px;
}

.mask_bigdiv .mask_yh{
    position: absolute;
    text-align: center;
    top: 320px;
    left: 50%;
    margin-left: -113px!important;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    background:#FFCE38;
    background: linear-gradient(#FFCE38,#FF921F);
}
.downmask_bigdiv .mask_yh{
    position: absolute;
    text-align: center;
    top: 311px;
    left: 51%;
    margin-left: -113px;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    margin-left: -113px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
}
.mask_bigdiv .mask_close,.downmask_bigdiv .mask_close{
    margin-top: 20px;
    cursor: pointer;
}
.luckyName{
    width: 150px;
    height: 65px;
    position: absolute;
    display: inline-block;
    font-size: 24px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    top: 223px;
    left: 50%;
    margin-left: -64px;
}
.luckyName .name1,
.luckyName .name2,
.luckyName .name3 {
	width: 150px;
    height: 70px;
    line-height: 65px;
    position: absolute;
    color: #DC4C33;
    font-weight: 800;
}
.mask_getyh{
    position: absolute;
    text-align: center;
    top: 320px;
    left: 50%;
    margin-left: -113px;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    margin-left: -113px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    background:#FFCE38;
    background: linear-gradient(#FFCE38,#FF921F);
}

.luckyName .name1 {
	bottom: 164px;
}

.luckyName .name2 {}

.luckyName .name3 {

	top: 164px;
}
/* 首页左边锚点 */
.home_toolbar{
    width: 44px;
    position: fixed;
    left:50%;
    bottom:100px;
    margin-left:-718px;
    z-index: 301;
    background:#fff;
     border-radius:22px;
}
.home_toolbar ul{
    text-align: center;
    padding: 20px 5px;
}
.home_toolbar ul li a{
    font-size: 12px;
}
.home_toolbar ul li{
   margin-top: 15px;
}
.home_toolbar .left_on{
    color:#ff552e
}
.paypal{
    color: #fff;
    width: 208px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    font-size: 14px;
    background: #45A5F6;
}
.paypal:hover{
    color: #fff;
}
div#kaigong_price {
    background: #fff;
    color: red;
    width: 263px;
    border-radius: 5px;
    border: 7px solid #FFDE88;
    height: 140px;
    margin: 0 auto;
    padding: 14px;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-top: 44px;
}
.opendoor_center{
    display: inline-block;
    width: 20px;
    height: 1px;
    border-top: 1px solid red;
    vertical-align: 5px;
    margin-right: 10px;
}
.opendoor_c_price{
    display: inline-block;
    width: 20px;
    height: 1px;
    border-top: 1px solid red;
    vertical-align: 5px;
    margin-left: 10px;
}
.opendoor_yuanjia{
    width: 136px;
    margin: 0 auto;
    background: #f5f5f5;
    color: #ddd;
    font-size: 13px;
    line-height: 26px;
    margin: 5px auto 10px;
    border-radius: 13px;
}
#view{
    width:80px;height:80px;border-radius:50%;line-height: 80px;text-align: center;
}
#file{
    cursor:pointer;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;position:absolute;top:0;left:0;
}
#clipBtn{
    width:120px;height: 36px;border-radius: 4px;background-color:#ff552e;line-height: 80px;text-align: center;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;outline: none;
}
#clipCancelBtn{
    width:120px;height: 36px;border-radius: 4px;background-color: #6d6767;line-height: 80px;text-align: center;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;outline: none;
}
.cover-wrap{
    display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);z-index: 10000000;text-align:center;
}
#clipArea{
    height:56px;line-height:36px;text-align: center;padding-top:8px;
}
.apply_step{
    background-color: #fff;
    margin-top: 20px;
    padding: 30px 70px;
    box-sizing: border-box;
}
.apply_step .title{
    color: #303133;
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: 600;

}
.apply_step .steps{
    background: #F5F7FA;
    font-size: 16px;
    line-height: 54px;
    border-radius: 3px;
    margin-bottom: 50px;
}
.apply_step .apply_form{
    color:#606266 ;
    font-size: 14px;
}
.apply_step .steps div{
    width: 33.3%;
    float: left;
    color:#C0C4CC
}
.apply_step .steps img{
    width: 26px;
}
.apply_step .steps  .right_img{
    width: 26px;
    float: right;
    display: inline-block;
}
.apply_step .apply_form input{
    width: 380px;
    height: 40px;
    border:1px solid #DCDFE6;
    border-radius: 3px;
    margin-bottom: 30px;
    padding-left: 3px;
}
.apply_step .apply_form span{
    display: inline-block;
    width: 100px;
}
.apply_step  .step_num{
    display: inline-block;
    background-color: #C0C4CC;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin:0 15px 0 100px;
}
.apply_step .step_num_on{
    display: inline-block;
    background-color: #FF552E;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin:0 15px 0 100px;
}
.apply_step .step_protocol{
    color: #606266;
    line-height: 23px;
    font-size: 14px;
}
.apply_step .step_protocol p{
    margin-top: 20px;
}
.step_wait .p1{
    color: #FF552E;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.step_wait .p2{
    color: #2A303C;
    font-size: 14px;
    text-align: center;
    margin-bottom: 100px;
}
.apply_success{
    position: absolute;
    width: 406px;
    left: 50%;
    margin-left: -203px;
    top: 200px;
}
.apply_success .p1{
    font-size: 30px;
    color:#FFDFBB ;
    line-height: 40px;

}
.apply_success .p2{
    font-size: 18px;
    color: #fff;
}
.apply_form .layui-upload-img{
    width: 260px;
    height: 180px;
    margin: 0 10px 10px 0;
    position:relative
}
.apply_form .layui-btn{
    position: absolute;
    z-index: 999;
}
.apply_form .layui-upload{
    float: left;
}
.apply_form #btn_upload_file1,.apply_form #btn_upload_file2,.apply_form #btn_upload_file3{
    position: absolute;
    top: 78px;
    left: 118px;
    cursor: pointer;
}
.apply_form .upload_file{
    margin: 0;
    margin-right: 20px;
    position: relative;
}
.apply_form .next_step,.step_protocol .next_step{
    width: 260px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #409EFF;
    border-radius: 3px;
    color: #fff;
    margin: 30px auto 30px;
    cursor: pointer;

}
.upload_close{
    position: absolute;
    right: -10px;
    top: -11px;
    z-index: 99;
    cursor: pointer;

}
#demoText,#demoText2{
    text-align: center;
    color: #409EFF;
    font-size: 16px;
}
.designer .layui-layout-admin .layui-header{
    background: #fff;
    border-bottom: 1px solid #DCDFE6;
}
.designer .layui-bg-black{
    background: #fff!important
}
.designer .layui-nav{
    background: #fff;
    color: #909399
}
.designer .layui-nav-child dd{
    background: #fff;
    color: #909399
}
.designer .layui-nav-tree .layui-nav-child a{
    color:#909399
}
.designer .layui-nav-tree .layui-nav-child a:hover{
    color:#909399
}
.designer .layui-nav-tree .layui-nav-child dd.layui-this,.designer .layui-nav-tree .layui-nav-child dd.layui-this a,.designer .layui-nav-tree .layui-this,.designer .layui-nav-tree .layui-this>a,.designer .layui-nav-tree .layui-this>a:hover{
    background: #FF552E;
    border-radius: 3px;
    color: #fff;
}
.designer .layui-nav-itemed>.layui-nav-child{
    background-color:  rgba(0,0,0,0)!important;
    padding: 20px;
    box-sizing: border-box;
}
.designer_wrap{
    padding: 20px;
}
.designer_main_left{
    background: #fff;
    /* float: left; */
    width: 55%;
    padding: 20px;
    min-height: 800px;
    color: #606266;
}
.designer_main_right{
    padding-left: 20px;
    /* float: right; */
    width: 45%;
    min-height: 800px;
    color: #606266;
}
.works .designer_wrap .layui-tab-title{
    background: #fff;
}
.works .designer_wrap .layui-tab-content{
    background: #fff;
}
.designer_main_left .upload_works_info{
    padding: 0;
}
.designer_main_left .upload_works_info dt{
    width: 71px;
}
.designer_main_left .upload_works_info dd .input_text{
    width: 440px;
}
.designer_main_left .upload_works_info dd{
    width: 520px;
}
.designer_main_left .upload_works_info .info_title em{
    left: 404px;
}
.designer_main_left .upload_works_info dd .input_keyword{
    width: 430px;
    min-width: auto;
}
.designer_main_left .upload_works_info .info_keyword em{
    left: 408px;
}
.designer_up_t{
    color: #2A303C;
    font-size: 16px;
}
.designer_up_s{
    display: inline-block;
    width: 71px;
    text-align: right;
    margin-right: 20px;
}
.designer_up_up{
    margin-top: 20px;
}
.designer_main_left .upload_works_info dd .w_small{
    width: 60px;
}
.designer_main_right p{
    line-height: 30px;
    color: #999B9D;
    font-size: 12px;
}
.designer_main_right .designer_up_msg{
    margin-top: 40px;
    color: #606266;
}
.designer_main_right .designer_up_msg a{
    color: #FF6B49;
}
.sh_result div{
    width: 24%;
    float: left;
    margin-right: 1%;
    margin-top: 20px;
}
.sh_result div img{
    width: 100%;
    height: 360px;
    margin-bottom: 10px;
}
.sh_result div p{
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #717273;
}
.sh_result div p span{
    font-size: 16px;
    color: #2A303C;
    font-weight: 700;
    margin-right: 6px;
}
.withdraw .a_bing{
    display: inline-block;
    width: 87px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #FF552E;
    color: #fff;
    vertical-align: middle;
    margin-left: 20px;
    border-radius: 4px;
}
.withdraw .layui-tab-title li.layui-this a{
    color: #FF552E;
}
.withdraw_bind .bind_inp div{
    margin-top: 20px;
}
.withdraw_bind .bind_inp div input{
    height: 40px;
    width: 400px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding-left: 10px;
}
.withdraw_bind .bind_inp div input.yzm{
    width: 280px;
}
.withdraw_bind .bind_inp div span{
    display: inline-block;
    margin-right: 20px;
}
.withdraw_bind .bind_inp div #verifyImg{
    width: 100px;
    margin-left: 20px;
    height: 40px;
    border-radius: 3px;
}
.withdraw_bind .bind_inp .send_yzm{
    display: inline-block;
    width: 100px;
    margin-left: 20px;
    height: 40px;
    border-radius: 3px;
    background: #FF552E;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    cursor:pointer;
}
.withdraw_bind .bind_inp .sure_save{
    width: 414px;
    height: 40px;
    line-height: 40px;
    background: #FF552E;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    margin-left: 90px;
    cursor: pointer;
}
@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1590549187425'); /* IE9 */
    src: url('iconfont.eot?t=1590549187425#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAYkAAsAAAAAC8QAAAXYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCECgqJPIc0ATYCJAMkCxQABCAFhG0HfxvfCRFVpEmS/ThwY6dhvSs2D1IltEj/nA/h5vvukiB3QKAiAu131XRz2BypCqVfRZl8FxoggGDu5VQz2k3IA+IJczzmXVyR/yVZa1xzvAwXoQIYAHu2ZroU31QYHKHqDdEWWQGAO1lVXYVCVSggeAXoXmhg4+WbiFcve6GemDd3AwHAEIU0kDbtuvSBBiLkIAKATJk4fiQ0OS3EFjKBRqGqmSnGkz8gQUN/picA/B6+PXmEWkQDUEgC5F49xrUdgxZetTdfUHyKIYICZXtmAIN5gAAgDYAIkOxaqx1CHEiDADZrL2ICAD8YIYBu629NXou3ureZt4W3izff54MylixH4Kf+yQM0EKCGCAkEFCqAqACZLiDNCGoAr9rwUmSCGgKQBVK0oepQQwRqBjUkoBZQgwB1gRoUKB8IV5ug7e8HIBggcwGySZCaSKiSSCQTns+XSfz0fkF6fYBJp9VE6kyhKqKto9PrghY7g8aNsZd7soPHu2yBYx2Ke4zVQyRXla0yULS7F2c4mcFqB1V2ctm2m1zqt0guc4VleJiu1Bnury+BbXJHQHEsNmw6FyXIG89G0twzs2jWzkS5Yne4kL0raRojBefr62ufF4xke5J0pe6QmezQpbiSy+052IYdys66vB+zOjNcnNscin1xn3Eik8b0G7/QT+DUJPD+1nOEtJgrNobuhXMILhchrmw+m0TtpdbyIOFg12/mCOzryHSXBvXr4z5n6e/iizddii44XZ/v83qZ0eqGqFRyk62KkHH9nOUBU2ayrJ223Rm7rDsWH7wYi417lT11UHihjeHI2hKOvJN15c2nowk7Le7xt+Uk/1Q9w4YTEWDkwK+tb1+HI6CPuTcjvNdUXemOwp2J+ordJbuSRtjKspTMUlbuyahabHBeSXaoSebHdRbX2ypDaaa7Hul3J6tlyxYt3Wtqc+uggZ5Iz0Dbqu3EbnIb2SPXjq7dfyJDGzSceUefpf+q3yb/mVInKS+pdhIZjzE1i7TP7pzQJXyNb7PneGTMl+e+2BumZbILjZVG4zNmufQKjakt+87epmqgjFegqRWeVqSpV9fw9E63O08NterVUn+d0W3GV/U714WZHTsGB5stZpypdwZVLT248HfNVvxryFfuWqHR2oc9uwcZ4+bEBezo1OLsGDtMC+eoU9VzcCOhRu0aq7QezYgEoZzd5C14oPGosy3p6uHDyZ+b5A5xHWR3vW3j2s55vm37tpyB876tLChwuTxzd6xbt82IWoU7zzRs0ax/wYzjVWSsscg0zsQIVzjVwffWcHZded+y/mL/TvJPzdVGqLHuUUbX1ok/DPi3278DvpE6t5s1OL/eanMVrTZqRMv0mO8erdlqlnhO8XNlGD94xJC4bLOTs/WMdwMH9pXbDh5ys999y702SwJQWEsM+FN0pwsBOsv6oPUWnXF+wnzUKwy697yNcVnQzRHbn2+bt7TKODEpUF2VbmK+Ankl4Xv6EfD5hGz6GgBEMz0EAMJP9GlI+SDUpjyij+wF9Nmfohdo3qOc4XKTNxr+Q6m49urTfprhU2YWFAAaUIDN/wtoJPPejKJ5LpQ6rTjlGS6jRDTmhcRbg6HFQEg+CoCpEuCL7/TDre3KA9k+gECT4w+AQo1IEKBBAk4k8dJAwtUBFY3mwFgs8zl/yRGZFoDZjwDC6Bcog90gMPrDiaQbSIL8g4qxIzD98l+RS0q9tE7ICq5wuYLi3pE2lJco/Q1FNSxlhSH1C1NWbpj6sRhe0GHaxpjcxFwKASVv4Sz2Q2M8hOQ35KWXpYTTMFDdLfXc292L1hLEFGgFLq6AwnkOufLFS+n13yChMpjUgjlj/YKSTDUPJr2RgVtkjoV5LLlZI8wK+QigQapngTOZkVEBD4T6bhvEFT25hi84GagYcWX9/uX2sW4AYORp2igRiEgkoiJqoiFawsAumRNcVveNx/noNsXcXWuW5WvdGtNrDcaztSNlzMMc9a14fK+fnviWabcD') format('woff2'),
    url('iconfont.woff?t=1590549187425') format('woff'),
    url('iconfont.ttf?t=1590549187425') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1590549187425#iconfont') format('svg'); /* iOS 4.1- */
  }

  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-shangchuan:before {
    content: "\e640";
  }

  .icon-wenjian:before {
    content: "\e64c";
  }

  .icon-Cash:before {
    content: "\e611";
  }

  .icon-shangchuan1:before {
    content: "\e62f";
  }

  .icon-upload-fill:before {
    content: "\e63e";
  }

  .icon-tixian:before {
    content: "\e69e";
  }

  .icon-tixian1:before {
    content: "\e62b";
  }

  .icon-wenjian1:before {
    content: "\e607";
  }
.goto_deback{
    display: inline-block;
    background: #E9613E;
    width: 112px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
}
.goto_deback:hover{
    display: inline-block;
    background: #E9613E;
    width: 112px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
}


.summer_mask{
    position: fixed;
    width: 100%;
    background-color:rgba(0,0,0,0.6);
    top: 0;
    height: 100%;
    display: none;
}
.summer_mask .smask_sdiv{
    width: 400px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -283px;
    text-align: center;
}
.summer_mask .smask_sdiv p{
    width: 100%;
}
.summer_mask .mask_price{
    position: absolute;
    font-size: 45px;
    color: #FF0200;
    font-weight: bold;
    text-align: center;
    top: 170px;
}
.summer_mask .mask_tip{
    position: absolute;
    color: #333333;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    top: 241px;
}

.summer_mask .mask_yh{
    text-align: center;
    width: 250px!important;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 22px;
    border-radius: 28px;
    font-weight: 500;
    cursor: pointer;
    background: #F36256;
    margin:  0 auto;
    margin-top: 20px;
}
.summer_mask .bg_title{
    width: 286px;
    position: absolute;
    top: 50px;
    left:50%;
    margin-left: -143px;
}
.summer_mask .summer_youhuis{
    position: absolute;
    top:80px;
    width: 100%
}
.summer_mask .summer_youhuis div{
    position: relative;
    width: 240px;
    height: 100px;
    margin: 0 auto;
    margin-top: 20px;
}
.summer_mask .summer_youhuis div img{
    position: absolute;
    width: 240px;
    height: 100px;
    top: 0;
    left: 0;
    z-index: 0;
}
.summer_mask .summer_youhuis div p{
    position: absolute;
    color: #fff;
    text-align: left;
    margin-left: 66px;
}
.summer_mask .summer_youhuis div p.price{
    font-size: 20px;
    top: 20px;
    font-weight: bold;
}
.summer_mask .summer_youhuis div p.desc{
  font-size: 14px;
  top: 55px;
}
.search_tips a{
    box-sizing: border-box;
}
.search_tips .searchhis a{
    display: inline-block;
    width: auto;
    padding: 0px 8px 0 8px;
}
.search_tips .searchhis .histitle{
    display: inline-block;
    width: 73px;
    float: left;
    line-height: 32px;
    padding-left: 20px;
    color: #666;
    opacity: 0.7;
}
.searchresult{
    float: right;
}
.search_tips .searchhis .hisitems{
    display: inline-block;
    width: 345px;
    float: left;
    color: #666;
    opacity: 0.7;
    /*height: 64px;*/
    overflow: hidden;
}
.cleanhis{
    line-height:32px;cursor:pointer;padding: 0px 8px 0 8px;display: inline-block;
}
.jump_filter a {
    cursor: pointer;
}
.f_banner{
    position: absolute;
    right: 0;
    top: 16px;
    margin: 0;
    margin: 0 !important;
}
.f_banner img{
    width: 246px;
}
.activity_layer_pay{
    padding-top: 30px;
}
.activity_layer_pay .p_tip{
    line-height: 30px;
    font-size: 18px;

}
#activitybody .activity_layer_pay .p_price{
    line-height: 30px;
    font-size: 18px;
    color: #999;
    margin-top: 20px;
 }
.activity_layer_pay span{
    line-height: 30px;
    font-size: 24px;
    color: #f60;
}
#activitybody .footer a{
    color: #9e9c9c;
}
.popup_image img{
    max-width: 100%;
}
.right-box-message {
    display: none;
}
.right-box-message .message-del{
    position: relative;
    right: -60px;
    top: 10px;
    z-index: 99;
    border-radius: 50%;
    background: #ffffff;
    display: inline-block;
    color: #888;
    padding: 2px;
    cursor: pointer;
}

#setdetail_btn{
    width: 100%;
    padding: 0;
    position: relative;
}
#setdetail_btn a{
    width: 86%;
    display: inline-block;
}
.extension-down-box-wrap{
    display: none;
    position: absolute;
    width: 352px;
    background: #fff;
    z-index: 9;
    top: 118px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
    padding: 16px;
    box-sizing: border-box;
    border-radius: 4px;
}
.change-size{
    color: #fb6f4f;
    cursor: pointer;
}
.dropdown-disabled .change-size{
    color: #b8b8b8;
    cursor: auto;
}
#setdetail_btn a{
    color: #fff;

}
#setdetail_btn .layui-icon-down{
    float: right;
    border-left: 1px solid #fff;
    margin: 0px;
    padding: 0 8px;
}
.dropdown-disabled{
    color: #b8b8b8;
}
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 39px;
    padding: 0 8px;
    margin-bottom: 16px;
    border: 1px solid #e8e8e8;
    line-height: 39px;
    box-sizing: border-box;
    border-radius: 6px;
}
.layui-font-12{
    font-size: 12px;
}
.dropdown .layui-icon-down{
    float: right;
}
.dropdown-select {
    width: 100%;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: 0;
    box-sizing: border-box;
}
.dropdown-option-on{
    background: rgba(255,85,46,0.2);
    color: #ff552e;
}
.dropdown-option p{
    color: #9d9696;
    line-height: 5px;
    font-size: 11px;
}
.dropdown-option-on p{
    color: #9d9696;
    line-height: 5px;
    font-size: 11px;
}


.dropdown-option {
    cursor: pointer;
    padding: 5px 20px 16px;
}

/*.dropdown-option:hover {*/
/*    background-color: #f1f1f1;*/
/*}*/
/* 给container元素设置宽高 并且限制图片的宽避免图片溢出容器 */
.container{
    width: 55%;
    height: 500px;
}
.container img {
    max-width: 100%;
}
.chang_size_wrap{
    width: 900px;
    display: flex;
    justify-content: space-between;
}
.size_wrap{
    width: 45%;
    padding: 16px;
}
.wrap_row{
    height: 408px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.form_image_cropper{
    width: 100%;
    background: #fb6f4f;
}
.layui-colla-title{
    letter-spacing: 4px;
    background-color: #f2f2f280;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}
.custom_body{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}
.custom_body .layui-form-select{
    width: 64px;
    margin-left: 5px;
}
.custom_body .custom{
    width: 64px;
    margin-left: 5px;
}
.custom_body .custom_add{
    font-size: 14px;
    color: #fb6f4f;
    cursor: pointer;
    padding: 5px;
    margin-left: 10px;
}
.wrap_row .layui-form-radio{
    width: 100%;
}
.wrap_row .custom_row_add{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.wrap_row .custom_delete{
    cursor: pointer;
}
#layui-icon-down{
    width: 30px;
}
.search-for-picture{
    text-align: center;
    padding: 40px;
}
.search-for-picture .title {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    margin-bottom: 20px;
}
.search-for-picture .sub-title {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .43);
    text-align: center;
    margin-bottom: 34px;
}
.pic-search-box {
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
}
.pic-search-box input[name=pic-search-url-input] {
    width: 364px;
    border: 1px solid #DFE3E9;
    color: #666;
    height: 44px;
    line-height: 44px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 6px;
    font-size: 14px;
}
.pic-search-tips {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .25);
    margin-bottom: 30px;
}
.pic-search-tips em{
    color: red;
}
.drop-box {
    width: 100%;
    height: 108px;
    background: #F8F8F8;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: 22px;
    text-align: center;
    cursor: pointer;
}
.drop-box .pic-search-upload-btn {
    width: 123px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fb6f4f;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 15px;
}
.drop-box p {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    margin-bottom: 8px;
}
.p-search{
    display: inline-block;
    background: #fb6f4f;
    width: 50px;
    height: 46px;
    line-height: 44px;
    vertical-align: bottom;
    text-align: center;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
    left: -4px;
    position: relative;
}

.search-pic {
    width: 98%;
    height: 186px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 #DFE3E9;
    box-shadow: 0 4px 8px 0 #DFE3E9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 24px;
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.search-pic>p {
    position: absolute;
    right: 32px;
    bottom: 72px;
    font-size: 14px;
    color: #666;
}
.search-pic>a {
    position: absolute;
    right: 32px;
    bottom: 32px;
    padding: 6px;
}

.mansory-container{
    margin-top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
}
.mansory-container .mansory-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mansory-container .mansory-column{
    width: -webkit-calc(25% - 8px);
    width: -moz-calc(25% - 8px);
    width: calc(25% - 12px);
}



/*下载提示弹出框样式*/

.successBoxTop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.successBoxTop .topBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.successBoxTop .topBox div:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.successBoxTop .topBox i {
    font-size: 72px
}

.successBoxTop .topBox img {
    width: 72px;
    height: 72px
}

.successBoxTop .topBox .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    color: #666;
    text-align: center;
    font-family: Arial;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.successBoxTop .topBox .text b {
    font-weight: 600
}

.successBoxTop .textBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.successBoxTop .textBox span:nth-child(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.successBoxTop .textBox div {
    position: relative
}

.successBoxTop .textBox div:hover .hover-pop,.successBoxTop .textBox div .hover-pop:hover {
    display: block!important
}

.successBoxTop .textBox div:hover .hover-pop {
    display: block!important
}

.successBoxTop .textBox div:hover .hover-pop:before {
    display: block
}

.successBoxTop .textBox div .icon-PLG-wenhao {
    font-size: 12px;
    color: #666;
    margin-left: 4px;
    cursor: pointer
}

.successBoxTop .textBox div .hover-pop {
    display: none;
    position: absolute;
    bottom: 30px;
    z-index: 1;
    left: -629%;
    width: 379px;
    height: auto;
    background-color: #333;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    padding: 8px
}

.successBoxTop .textBox div .hover-pop:hover {
    display: block!important
}

.successBoxTop .textBox div .hover-pop:before {
    position: absolute;
    bottom: -33px;
    left: 34px;
    content: '';
    width: 190px;
    height: 97px;
    background-color: transparent;
    z-index: -19;
    display: block
}

.successBoxTop .textBox div .hover-pop::after {
    position: absolute;
    bottom: -5px;
    left: 103px;
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333
}

.successBoxTop .textBox div .hover-pop .linkHover {
    color: #fff;
    text-decoration: underline
}

.successBoxTop .textBox div .hover-pop .linkHover:hover {
    color: #999
}

.successBoxTop .textBox .link {
    color: #fb6f4f;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

.successBoxTop .textBox .link:hover {
    color: #25C288
}

.successBoxMiddle {
    height: 1px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    background: #E8E8E8
}

.successBoxBottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

.successBoxBottom .contentTopBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.successBoxBottom .contentTopBox p {
    text-align: center;
    color: #fb6f4f;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.successBoxBottom .contentTopBox .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.successBoxBottom .contentTopBox .box .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.successBoxBottom .contentTopBox .box .content .imgBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.successBoxBottom .contentTopBox .box .content .imgBox img {
    width: 40px;
    height: 40px
}

.successBoxBottom .contentTopBox .box .content .contentText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.successBoxBottom .contentTopBox .box .content .contentText p:nth-child(1) {
    color: #666;
    text-align: center;
    font-family: Arial;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.successBoxBottom .contentTopBox .box .content .contentText p:nth-child(2) {
    color: #999;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.successBoxBottom .btnContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.successBoxBottom .btnContent .buttonBox,.successBoxBottom .btnContent .buttonBox1,.successBoxBottom .btnContent .buttonBox-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 320px;
    height: 40px;
    padding: 0 16px;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 88px;
    border-radius: 88px;
    border: 1px solid #fb6f4f;
    background: #fb6f4f;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.04);
    color: #FFF;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all .3s var(--qtd-transition-cubic-1);
    -moz-transition: all .3s var(--qtd-transition-cubic-1);
    transition: all .3s var(--qtd-transition-cubic-1)
}

.successBoxBottom .btnContent .buttonBox .tips,.successBoxBottom .btnContent .buttonBox1 .tips,.successBoxBottom .btnContent .buttonBox-2 .tips {
    position: absolute;
    font-size: 12px;
    background-color: var(--qtd-error-color-6);
    color: #fff;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    -webkit-border-radius: 6px 0;
    border-radius: 6px 0;
    top: -10px;
    right: -10px
}

.successBoxBottom .btnContent .buttonBox em,.successBoxBottom .btnContent .buttonBox1 em,.successBoxBottom .btnContent .buttonBox-2 em {
    font-weight: 600
}

.successBoxBottom .btnContent .buttonBox-2 {
    background: #fff;
    color: #fb6f4f;
    border-color: #fb6f4f
}

.successBoxBottom .btnContent .buttonBox-2 em {
    font-weight: 600
}

.successBoxBottom .btnContent .buttonBox-2:hover {
    background: #fb6f4f;
    color: #fff
}

.successBoxBottom .btnContent .buttonText a {
    color: #999;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

.icon-xiazaichenggong{
    color: #fb6f4f;
}
.iconfont.icon-xiazai,.iconfont.icon-shandian2{
    font-size: 30px;
    color: #fb6f4f85;
    background: #fff;
}
.icon-xiazaishibai{
    color: red;
}
.down_container{
    padding:10px 20px 20px 20px;
}
.downtip_tit{
    align-items: center;
    gap: 4px;
    color: #fb6f4f;
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
/* 弹出层设置圆角需要对三层都设置 */
body .downtip_lay .layui-layer-content{border-radius: 12px!important;}
body .downtip_lay .layui-layer-content iframe {border-radius: 12px!important;}
body .downtip_lay{border-radius: 12px!important;}



/*充值弹框*/

.vip-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    /*min-height: 456px;*/
    padding: 28px 0px 0px 0px;
    background-color: #FAFAFA;
    -webkit-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
    gap: 24px;
    box-sizing: border-box;
    background: radial-gradient(70% 23%, rgb(233 188 255 / 34%) 0%, #fff 100%);
}

.vip-main .qtw-skeleton {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

.vip-main .vip-main-left {
    position: relative;
    width: 100%;
    height: 100%
}

.vip-main .vip-main-left .vip-product-box {
    position: relative;
    width: 100%;
    height: auto
}

.vip-main .vip-main-left .vip-product-box {
    position: relative;
    width: 100%;
    height: 170px;
    padding-top: 8px;
    overflow: hidden;
    padding: 8px 24px 0 24px;
    box-sizing: border-box;
}

.vip-main .vip-main-left .vip-product-box .info-box {
    position: relative;
    width: 28%;
    height: 152px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #FAFAFA;
    border: 2px solid transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    border: 1px solid #e4e5e6;
    box-shadow: 5px 5px 3px -2px #e4e5e6;
    top: 6px;
}

.vip-main .vip-main-left .vip-product-box .info-box:last-child {
    margin-right: 0
}

.vip-main .vip-main-left .vip-product-box .info-box .info {
    position: relative;
    width: 100%;
    height: 114px;
    padding-top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.vip-main .vip-main-left .vip-product-box .info-box .info .name {
    position: relative;
    width: 100%;
    color: #666;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 4px;
    text-align: center;
    font-family: Arial-Bold,Bold;
    margin-bottom: 16px;
    top: 12px;
}

.vip-main .vip-main-left .vip-product-box .info-box .info .name i {
    color: #772917;
    margin: 0 2px
}

.vip-main .vip-main-left .vip-product-box .info-box .info .price-box {
    color: #333;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px
}

.vip-main .vip-main-left .vip-product-box .info-box .info .price-box em {
    font-size: 38px;
    font-weight: 700;
    margin-left: 4px;
    color: rgb(74, 74, 74);
    font-family: MiSans-Heavy;
    font-style: normal;
}

.limit-discount-amount{
    position: absolute;
    white-space: nowrap;
    font-size: 12px !important;
    line-height: 28px!important;
    color: #888;
    text-decoration: line-through!important;
    margin-left: 2px;
    background: unset;
    -webkit-text-fill-color: #888 !important;
    bottom: 29px;
    right: 10px;
}

.vip-main .vip-main-left .vip-product-box .info-box .limit-discount {
    color: rgb(255, 255, 255);
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    background: linear-gradient(93deg, #9775ff 0%, #ff4b2e 100%);
    border-radius: 8px 8px 8px 1px;
    padding: 4px 12px;
    top: -15px;
    left: -4px;
}
.vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box, .vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box em {

    color: rgb(250, 87, 65);
    background: linear-gradient(90.31deg, rgb(247 0 255) -0.85%, rgb(255, 121, 0) 101.44%) text;
    -webkit-text-fill-color: transparent;

}

.vip-main .vip-main-left .vip-product-box .info-box .info .price-box i {
    color: #666;
    text-decoration: line-through
}

.vip-main .vip-main-left .vip-product-box .info-box .info .limit {
    color: #999;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    height: 20px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom {
    position: relative;
    width: 100%;
    height: 30px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-text,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #E8E8E8
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-text i,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item i {
    font-size: 12px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-text .icon-jubao,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item .icon-jubao {
    display: none;
    margin-top: 1px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-text .icon-PLG-xiala,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item .icon-PLG-xiala {
    margin-top: 2px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item.active,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item:hover {
    color: #333
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item.active .icon-jubao,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item:hover .icon-jubao {
    display: inline-block
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FDB022;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    font-size: 12px;
    color: #fff
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text .discount-20240716-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #772917
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text .discount-20240716-box em {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text .discount-20240716-box i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    font-size: 16px;
    font-weight: 500
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text .discount-20240716-box i:nth-of-type(1) {
    margin-left: 4px
}

.vip-main .vip-main-left .vip-product-box .info-box .tag {
    position: absolute;
    top: -8px;
    right: -2px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    -webkit-border-radius: 4px 0;
    border-radius: 4px 0;
    background: -webkit-gradient(linear,left top,right top,from(#FF5E36),color-stop(96.71%,#FF4538));
    background: -webkit-linear-gradient(left,#FF5E36 0,#FF4538 96.71%);
    background: -moz- oldlinear-gradient(left,#FF5E36 0,#FF4538 96.71%);
    background: linear-gradient(90deg,#FF5E36 0,#FF4538 96.71%);
    color: #fff;
    font-size: 12px;
    z-index: 2
}

.vip-main .vip-main-left .vip-product-box .info-box.up-info-box .info .name {
    font-size: 14px
}

.vip-main .vip-main-left .vip-product-box .info-box:hover {
    border-color: #FED380
}

.vip-main .vip-main-left .vip-product-box .info-box.active {
    border: 2px solid #ff75f4;
    background: #e275ff05
}

.vip-main .vip-main-left .vip-product-box .info-box.active .info .name,.vip-main .vip-main-left .vip-product-box .info-box.active .info .limit,.vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box i {
    /*color: #772917*/
    color: rgb(250, 87, 65);
    background: linear-gradient(90.31deg, #ff75ae -0.85%, rgb(93 0 255) 101.44%) text;
    -webkit-text-fill-color: transparent;
}

.vip-main .vip-main-left .vip-product-box .info-box.active .info .limit,.vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box i {
    opacity: .6
}

.vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box {
    color: var(--qtd-error-color-6)
}
.vip-main .vip-main-left .vip-product-box .info-box.active .bottom{
}
.vip-main .vip-main-left .vip-product-box .info-box.active .bottom .bottom-text {
    color: #772917;
    opacity: .6;
    border-top-color: #FAFAFA
}

.vip-main .vip-main-left .vip-product-box .info-box.active .bottom .bottom-active-text.active {
    opacity: 1
}

.vip-main .vip-main-left .vip-product-box .product-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: auto;
    margin: 16px 0;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    z-index: 10
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list {
    display: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 22px;
    font-size: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 22px;
    color: #666;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>p i {
    font-size: 14px
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>p:hover {
    color: #333
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div {
    display: none;
    position: absolute;
    left: 0;
    top: 22px;
    width: 208px;
    height: auto;
    max-height: 274px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 0;
    overflow: scroll
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul {
    width: 100%;
    height: auto
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul li {
    font-size: 14px;
    line-height: 32px;
    color: #666;
    padding: 0 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul li.disabled {
    color: #999;
    cursor: not-allowed
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul li.active {
    color: #333;
    background-color: #FAFAFA
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul li:hover {
    background-color: #FAFAFA
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list:hover>div {
    display: block
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vip-main .vip-main-left .vip-product-box .vip_wraper.active{
    display: flex;
}

.vip-main .vip-main-left .vip-product-box .vip_wraper {
    display: none;
}

.vip-main .vip-main-left .up-product-list,.vip-main .vip-main-left .up-product-list-qy {
    position: absolute;
    top: 200px;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease;
    pointer-events: none
}

.vip-main .vip-main-left .up-product-list .list-box,.vip-main .vip-main-left .up-product-list-qy .list-box {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    padding: 4px 0
}

.vip-main .vip-main-left .up-product-list .list-box table,.vip-main .vip-main-left .up-product-list-qy .list-box table {
    width: 100%
}

.vip-main .vip-main-left .up-product-list .list-box table tr,.vip-main .vip-main-left .up-product-list-qy .list-box table tr {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    cursor: pointer
}

.vip-main .vip-main-left .up-product-list .list-box table tr th:nth-child(1),.vip-main .vip-main-left .up-product-list-qy .list-box table tr th:nth-child(1) {
    padding-left: 12px;
    padding-right: 16px
}

.vip-main .vip-main-left .up-product-list .list-box table tr th:nth-child(2),.vip-main .vip-main-left .up-product-list-qy .list-box table tr th:nth-child(2) {
    padding-right: 12px
}

.vip-main .vip-main-left .up-product-list .list-box table tr em,.vip-main .vip-main-left .up-product-list-qy .list-box table tr em {
    color: #772917
}

.vip-main .vip-main-left .up-product-list .list-box table tr:hover,.vip-main .vip-main-left .up-product-list .list-box table tr.active,.vip-main .vip-main-left .up-product-list-qy .list-box table tr:hover,.vip-main .vip-main-left .up-product-list-qy .list-box table tr.active {
    color: #333;
    background-color: #FAFAFA
}

.vip-main .vip-main-left .up-product-list.active,.vip-main .vip-main-left .up-product-list-qy.active {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 220px;
    opacity: 1;
    overflow: inherit;
    pointer-events: auto
}

.vip-main .vip-main-left .up-product-list.up-product-list,.vip-main .vip-main-left .up-product-list-qy.up-product-list {
    left: 0
}

.vip-main .vip-main-left .up-product-list.up-product-list-qy,.vip-main .vip-main-left .up-product-list-qy.up-product-list-qy {
    right: 0
}

.vip-main .vip-main-left .hover-box-vip-up {
    padding: 24px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #FFF;
    -webkit-box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    display: none;
    position: absolute;
    z-index: 99
}

.vip-main .vip-main-left .hover-box-vip-up.right {
    right: 0
}

.vip-main .vip-main-left .hover-box-vip-up.active {
    display: block
}

.vip-main .vip-main-left .hover-box-vip-up em {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box .hover-table-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box .hover-table-column.small .hover-tale-column-item {
    width: 80px
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box .hover-table-column .hover-tale-column-item {
    width: 144px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box .hover-table-column .hover-tale-column-item:nth-child(1) {
    color: #999
}

.vip-main .vip-main-left .vip-type-desc-box {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    margin-top: 7px;
    text-align: center;
    padding: 13px 24px 4px 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #e4e5e6;
    box-shadow: 0px 6px 3px -2px #e4e5e6;
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-head {
    position: relative;
    width: 100%;
    height: 22px;
    align-items: center;
    color: #ff7875;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper {
    position: relative;
    width: 100%;
    height: 85px;
    overflow: hidden
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item {
    position: relative;
    width: -webkit-calc(25% - 6px);
    width: -moz-calc(25% - 6px);
    width: calc(25% - 6px);
    min-width: 160px;
    height: 80px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0px 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    /*border: 1px solid #E8E8E8;*/
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    margin-right: 8px;
    cursor: pointer;
    box-sizing: border-box;
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item:last-child {
    margin-right: 0
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item.active,.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item:hover {
    border-color: #FDB022
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item:hover .desc-box i {
    display: inline-block
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item.active .icon-box img.checked {
    display: block
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item.active .icon-box img.no-checked {
    display: none
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .icon-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 14px;
    min-height: 14px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: 8px
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .icon-box img {
    height: 14px
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .icon-box img.checked {
    display: none
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .icon-box img.no-checked {
    display: block
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .title-box {
    color: #666;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .desc-box {
    width: 100%;
    color: #999;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .desc-box i {
    display: none;
    font-size: 12px
}

.vip-main .vip-main-left .vip-type-desc-box:hover .swiper-vip-type-btn {
    opacity: 1
}

.vip-main-bottom {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    box-sizing: border-box;
}
.charge_left,.wxpay_container,.alipay_container,.other_payway{
    width: 29%;

}

.vip-main-bottom .pay_method .scan_box{
    width: 170px;
    height: 200px;
}
.vip-main-bottom .pay_method .scan_box .scan_area{
    width: 160px;
    margin: 5px auto 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.vip-main-bottom .pay_method .scan_box .scan_area img{
    margin-top: 10px;
}

.vip-main-bottom .pay_method .scan_box .scan_tit{
    line-height: 19px;
}
.vip-main-bottom .charge_left p{
    text-align: center;
}
.vip-main-bottom .charge_left .p1{
    font-size: 18px;
    font-weight: 700;
    margin: 44px 0 17px 0;
    color: #6cc2fe;
}
.other_payway{
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
}
.other_payway button.layui-btn{
    background: #999;
    width: 180px;
    margin: 20px 0 ;

}
.vip-main-bottom .charge_left .p2{
    color: #999;
    margin-bottom: 10px;
    font-size: 12px;
}
.vip-main-bottom  .charge_left .p3{
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0 33px 0;
}
.vip-main-bottom  .charge_left .p3 i{
    font-size: 25px;
    vertical-align: middle;
}
.vip-main-bottom  .charge_left .p3 .icon-alipay{
    color: #45A5F6;
}
.vip-main-bottom  .charge_left .p3 .icon-weixin{
    color: #45BD00;
}
.vip-main-bottom  .charge_left .p4{
    font-size: 12px;
    color: #c3c0c0;
}
.vip-main-bottom .pay_way{
    width: auto;
}
.vip-main-bottom .pay_method .scan_box{
    float: none;
    margin: 0 auto;
}
.vip-type-header {
    position: relative;
    width: 100%;
    height: 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
    overflow: hidden
}

.vip-type-header::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 64px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(255,255,255,.7) inset;
    box-shadow: 0 4px 8px 0 rgba(255,255,255,.7) inset;
    z-index: 0;
    -webkit-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0
}

.vip-type-header .vip-type-item {
    position: relative;
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    background: #fff;
    border-radius: 72px;
}

.vip-type-header .vip-type-item p:nth-child(1) {
    position: relative;
    color: #ff4d4f;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.vip-type-header .vip-type-item p:nth-child(2) {
    position: relative;
    color: #772917;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    z-index: 1
}

.vip-type-header .vip-type-item img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.vip-type-header .vip-type-item:hover p:nth-child(1),.vip-type-header .vip-type-item.active p:nth-child(1) {
    font-weight: 700
}

.vip-type-header .vip-type-item.hide {
    display: none
}

.vip-type-header .vip-type-item.active{
        background: #fb6f4f1a;
}
.vip-type-header .vip-type-item.active[data-type="24"] #left {
    display: block
}

.vip-type-header .vip-type-item.active[data-type="29"] #right,.vip-type-header .vip-type-item.active[data-type="998"] #right {
    display: block
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.vip-type-desc-item .iconfont{
    font-size: 24px;
    color: #a3a09c;
}
.personal_vip{
    display: none;
}

.paymenyt_container .head{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 56px;
}
.paymenyt_container .head .title{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 32px;
    overflow: hidden;
    color: #fb6f4fcc;
    font-size: 24px;
    font-weight: 700;
}

.header_user .vip_c{
    font-size: 18px;
    padding: 0 1px;
}

.menu .up-vip{
    font-size: 14px;
    display: inline-block;
    height: 22px;
    width: 105px;
    color: #fff;
    border: 1px solid #8a8f8d;
    filter: alpha(opacity = 92);
    -moz-opacity: 0.92;
    -khtml-opacity: 0.92;
    opacity: 0.92;
    background-color: #ff552e;
    background-image: linear-gradient(45deg, #ff552e 0%, #ff552e 33%, #ff552e 66%, #e00b0b 100%);
    border-radius: 17px;
    cursor: pointer;
    text-align: center;
    line-height: 22px;
    margin: 10px;
}
.menu .add-vip{
    font-size: 12px;
    display: inline-block;
    height: 22px;
    width: 105px;
    color: #fff;
    border: 1px solid #ffffff;
    filter: alpha(opacity = 92);
    -moz-opacity: 0.92;
    -khtml-opacity: 0.92;
    opacity: 0.92;
    background-color: #ff7875;
    border-radius: 17px;
    cursor: pointer;
    text-align: center;
    line-height: 22px;
    margin: 0 10px;
}

.menu .go-vip{
    font-size: 12px;
    display: inline-block;
    height: 22px;
    width: 105px;
    color: #fff;
    border: 1px solid #ffffff;
    filter: alpha(opacity = 92);
    -moz-opacity: 0.92;
    -khtml-opacity: 0.92;
    opacity: 0.92;
    background-color: #ff7875;
    border-radius: 17px;
    cursor: pointer;
    text-align: center;
    line-height: 22px;
    margin: 10px 10px 0;
}
.menu .go-vip:hover{
    background-color: #fff;
    color: #ff7875;
    border: 1px solid #ff7875;
}

/*up level*/

.vip-main .vip-type-desc-box .up_level_list .list_item{
    border: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 10px;
    margin-bottom: 24px;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
}

.vip-main .vip-type-desc-box .up_level_list .list_item.active{
    border: 1px solid #ff6600;
    box-shadow: 0px 4px 10px 0px rgba(255, 102, 0, 0.2);
    background-color: #fef8f4;
}

.vip-main .vip-type-desc-box .up_level_list .list_item:hover{
    border: 1px solid #ff7875;
    background-color: #ff66003d;
}
.up_level_list .list_item .item{
    font-size: 12px;
    color: #8a8f8d;
}
.up_level_list .list_item .item .title{
    color: #ff7875;
    font-size: 18px;
}
.up_level_list .list_item .item .desc{
    font-size: 12px;
}
.up_level_list .list_item .item .price{
    font-size: 15px;
    color: #ff7875;
}

.vip-main .vip-type-desc-box .up_level_list .list_item .tag{
    position: absolute;
    right: -1px;
    top: -14px;
    height: 30px;
    padding: 0 14px;
    background-color: #f60;
    color: #fff;
    line-height: 30px;
    border-radius: 0px 8px 0px 8px;
    font-size: 14px;
    display: none;
}
.vip-main .vip-type-desc-box .con-info{
    position: relative;
    padding: 30px 15px 10px;
}
.vip-main .vip-type-desc-box .con-info .up_level_list{
    display: none;
}
.vip-main .vip-type-desc-box .con-info .up_level_list.show{
    display: block !important;
}
.vip-main .vip-type-desc-box .con-info .add{
    position: absolute;
    right: 13px;
    top: -1px;
}

.vip-main .vip-type-desc-box .con-info .add i{
    font-size: 24px;
    cursor: pointer;
}
.commercially{
    position: absolute;
    top: -14px;
    right: -11px;
}